<template>
  <van-row  style="height: 100% ">
    <van-col span="24" style="height: 46px;">
      <van-nav-bar fixed >
        <van-icon name="arrow-left" slot="left" size="34px" color="#101010" @click="onClickLeft"></van-icon>
        <span slot="title" style="font-size: 18px">XXXX</span>
      </van-nav-bar>
    </van-col>
    <van-row>
      <van-col span="24" class="connect">
        <div class="coach-item">
          <img src="">
          <h3>综合训练</h3>
        </div>
        <div class="coach-item">
          <img src="">
          <h3></h3>
        </div>
      </van-col>
    </van-row>
  </van-row>
</template>
<script>
  export default {
    name:'coach',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      }
    },

  }
</script>
<style scoped>
  .connect{height: 100%;width: 100%;padding:0 12px 0 14px ;box-sizing: border-box;background: #eeeeee;overflow: auto}
  .coach-item{position: relative;height: 130px;width: 100%;background: #F5F5F6;margin: 12px 0 10px 0 }
  .coach-item h3{position: absolute;top:70px;left: 22px;font-size: 14px;font-weight: normal}
  .coach-item img{height: 130px;width: 100%}
</style>
